<template>
    <inputConfig v-if="dynamicForm.formList[dynamicForm.currentIndex].type == 'input'" />
    <textareaConfig v-if="dynamicForm.formList[dynamicForm.currentIndex].type == 'textarea'" />
    <numberConfig v-if="dynamicForm.formList[dynamicForm.currentIndex].type == 'number'" />
    <selectConfig v-if="dynamicForm.formList[dynamicForm.currentIndex].type == 'select'" />
    <checkboxConfig v-if="dynamicForm.formList[dynamicForm.currentIndex].type == 'checkbox'" />
    <radioConfig v-if="dynamicForm.formList[dynamicForm.currentIndex].type == 'radio'" />
    <uploadConfig v-if="dynamicForm.formList[dynamicForm.currentIndex].type == 'upload'" />
    <timerangeConfig v-if="dynamicForm.formList[dynamicForm.currentIndex].type == 'timerange'" />
    <timeConfig v-if="dynamicForm.formList[dynamicForm.currentIndex].type == 'time'" />
    <daterangeConfig v-if="dynamicForm.formList[dynamicForm.currentIndex].type == 'daterange'" />
    <dateConfig v-if="dynamicForm.formList[dynamicForm.currentIndex].type == 'date'" />
    <editorConfig v-if="dynamicForm.formList[dynamicForm.currentIndex].type == 'editor'" />
    <switchConfig v-if="dynamicForm.formList[dynamicForm.currentIndex].type == 'switch'" />
</template>

<script setup>
import { ref } from 'vue';
import { dynamicFormStore } from '@/store/dynamicForm';
import inputConfig from './inputConfig.vue';
import textareaConfig from './textareaConfig.vue';
import numberConfig from './numberConfig.vue';
import selectConfig from './selectConfig.vue';
import checkboxConfig from './checkboxConfig.vue';
import radioConfig from './radioConfig.vue';
import uploadConfig from './uploadConfig.vue';
import timerangeConfig from './timerangeConfig.vue';
import timeConfig from './timeConfig.vue';
import daterangeConfig from './daterangeConfig.vue';
import dateConfig from './dateConfig.vue';
import editorConfig from './editorConfig.vue';
import switchConfig from './switchConfig.vue';

const dynamicForm = dynamicFormStore();
</script>

<style lang="scss" scoped>
    
</style>